// index.js
const app = getApp();
const wuhuUrl = app.globalData.wuhuUrl;
Page({
  data: {
    username: '', // 用户名
    password: '', // 密码
    mobile: '', // 电话号码
    isSignUp: false, // 控制是否显示注册界面，默认显示登录界面
    rotate: false, // 控制卡片是否旋转，默认不旋转
    isYesActive: true,
    isNoActive: false,
    isUsernameFocused: false, // 默认情况下用户名输入框未聚焦
    isPasswordFocused: false, // 默认情况下密码输入框未聚焦
    isPhoneFocused: false // 默认情况下手机号码输入框未聚焦
  },
  handleToggle: function (e) {
    const isYesActive = !this.data.isYesActive;
    const isNoActive = !this.data.isNoActive;
    this.setData({
      isYesActive: isYesActive,
      isNoActive: isNoActive,
      isSignUp: !this.data.isSignUp, // 切换登录和注册界面
      rotate: !this.data.rotate, // 切换卡片的旋转状态
    });
    // 根据切换状态动态添加或移除下划线所对应的类名
    if (!this.data.isSignUp) {
      // 切换到登录界面时，移除下划线样式
      this.setData({
        loginTextUnderline: true,
        registerTextUnderline: false
      });
    } else {
      // 切换到注册界面时，添加下划线样式
      this.setData({
        loginTextUnderline: false,
        registerTextUnderline: true
      });
    }
  },
  // 输入框聚焦时触发
  inputFocus: function (e) {
    const inputType = e.currentTarget.dataset.type; // 获取输入框类型
    this.setData({
      isUsernameFocused: inputType === 'username',
      isPasswordFocused: inputType === 'password',
      isPhoneFocused: inputType === 'mobile'
    });
  },
  inputBlur: function (e) {
    const inputType = e.currentTarget.dataset.type; // 获取输入框类型
    if (inputType === 'username') {
      this.setData({
        isUsernameFocused: false // 设置用户名输入框聚焦状态为 false
      });
    } else if (inputType === 'password') {
      this.setData({
        isPasswordFocused: false // 设置密码输入框聚焦状态为 false
      });
    } else if (inputType === 'mobile') {
      this.setData({
        isPhoneFocused: false // 设置手机号码输入框聚焦状态为 false
      });
    }
  },
  inputUsername(e) {
    this.setData({
      username: e.detail.value
    });
  },
  inputPassword(e) {
    this.setData({
      password: e.detail.value
    });
  },
  inputPhone(e) {
    this.setData({
      mobile: e.detail.value
    });
  },
  submitForm() {
    const { username, password, mobile, isSignUp } = this.data;

    console.log(username)
    console.log(password)
    console.log(mobile)
    const that = this; // 缓存 this
    if (isSignUp) {
      if (!/^1[3456789]\d{9}$/.test(mobile)) {
        wx.showToast({
          title: '手机号码格式不正确',
          icon: 'none'
        });
        return; // 手机号码格式不正确，不继续执行后续操作
      }
      console.log('注册信息：', {
        username,
        password,
        mobile
      });
      wx.request({
        url: wuhuUrl+'/ft/user/register-username?mobile=' + mobile + '&username=' + username + '&password=' + password, // 替换为实际的后端服务地址
        method: 'POST',
        header: {
          'content-type': 'application/json' // 设置请求的header
        },
        success(res) {
          console.log('注册成功：', res);
          if (res.data.code === 200) {
            wx.showToast({
              title: '注册成功',
              icon: 'success'
            });
            // 卡片翻转到登录界面
            that.setData({
              isSignUp: !that.data.isSignUp, // 切换登录和注册界面
              rotate: !that.data.rotate, // 切换卡片的旋转状态
            });
          } else {
            console.log("错误信息",res.data.errorMsg)
            // 处理注册失败情况
            wx.showToast({
              title: res.data.errorMsg,
              icon: 'none'
            });
          }
        },
        fail(err) {
          console.error('注册失败：', err);
          that.setData({
            rotate: true
          });
        }
      });
    }else {
      console.log('登录信息：', {
        username,
        password
      });
      wx.request({
        url: wuhuUrl+'/ft/user/login-username',
        method: 'GET',
        data: {
          username: username,
          password: password,
        },
        success(res) {
          console.log('登录成功：', res.data.data);
          if (res.data.code === 200) {
            // 假设成功的响应
            wx.showToast({
              title: '转换成功',
              icon: 'success',
              duration: 10000
            });
            // 将后端返回的信息存储到本地
            wx.setStorageSync('userInfo', res.data.data);
            wx.switchTab({
              url: '/pages/index/index'
            });
          } else {
            // 处理错误情况
            wx.showToast({
              title: '登录失败！',
              icon: 'none'
            });
          }
        },
        fail(err) {
          console.error('登录失败：', err);
        }
      });
    }
  },
  wxlogin(){
    wx.navigateTo({
      url: './wxLogin/wxlogin',
    })
  },
  sjlogin(){
    wx.navigateTo({
      url: './sjLogin/sjLogin',
    })
  }
  

});